$bgColor: #99bfd1;
@import "styles/common.scss";
// $wordColor: #3b5f70;

.container {
	height: 100%;
	width: 100%;
	background: #ffffff;
	display: flex;
	flex-direction: column;

	.content {
		flex: 1;
		width: inherit;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		// padding-bottom: 24px;
		// flex-wrap: wrap;
	}
	.block1,
	.block2,
	.block3,
	.block4 {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.block1 {
		height: 61.8%;
		max-height: 648px;
		min-height: 500px;
	}
	.block2 {
		flex: 1;
	}
	// .block1,
	// .block2,
	// .block3,
	// .block4 {
	// 	width: 50%;
	// 	display: flex;
	// 	align-items: center;
	// 	justify-content: center;
	// }
	// .block1,
	// .block2 {
	// 	height: 60%;
	// 	// max-height: 648px;
	// 	// min-height: 500px;
	// }
	// .block3,
	// .block4 {
	// 	// flex: 1;
	// 	height: 40%;
	// }
}
